<template>
  <view class="index">
    <view class="status_bar">
      <view class="top_view"></view>
    </view>
    <view class="content">Hello</view>
  </view>
</template>>

<script>
export default {};
</script>

<style>
.index {
  flex: 1;
  flex-direction: column;
}
.status_bar {
  height: var(--status-bar-height);
  width: 100%;
}
.top_view {
  height: var(--status-bar-height);
  width: 100%;
  position: fixed;
  top: 0;
}
.content {
  justify-content: center;
  align-items: center;
}
</style>